<template>
  <div class="formItem">
    <el-form-item
      v-for="item in tab2Data"
      :key="item.attr_name"
      :label="item.attr_name"
    >
      <el-checkbox-group v-model="item.attr_vals">
        <el-checkbox
          v-for="(item2, i) in item.attr_vals"
          :key="i"
          :label="item2"
          border
          size="mini"
        ></el-checkbox>
      </el-checkbox-group>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: "formItem",
  props: {
    tab2Data: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style lang="scss" scoped></style>
